<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>客户画像</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" href="/hyqcss/public.css">
	<style type="text/css">
		body{
			background: #e9e9e9;
		}
		/*公共头部带搜索*/
		.public_container{
			margin: 20px;
			background: #fff;
		}
		.public_title_container{
			height: 54px;
			padding: 0 20px;
			font-size: 14px;
			display: flex;
			align-items: center;
			background: #f9f9f9;
			border-bottom: 1px solid #f0f0f0;
		}
		.public_title_container a{
			margin-right: 30px;
			height: 54px;
			line-height: 54px;
			cursor: pointer;
		}
		.public_title_active{
			color: #1E9FFF;
			border-bottom: 1px solid #1E9FFF;
		}
		.public_buttonSearch_container{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20px;
			background: #fff;
		}
		.public_Search_container{
			position: relative;
		}
		.public_Search_container input{
			width: 240px;
			height: 32px;
			border: 1px solid #d9d9d9;
		}
		.public_Search_container i{
			position: absolute;
			bottom: 6px;
			right: 10px;
			cursor: pointer;
		}
		/*公共头部带搜索 end*/
		.public_table_container{
			padding: 0 20px 20px 20px;
		}
		.public_Search_content{
			display: flex;
		}
		.public_SearchSelect_content input{
			height: 32px;
		}
		.public_SearchSelect_content{
			margin-right: 10px;
		}
		.public_buttonSearch_content{
			display: flex;
		}
		.public_buttonSearch_content a{
			color: #fff;
			background-color: #1E9FFF;
			text-shadow: 0 -1px 0 rgba(0,0,0,.12);
			height: 24px;
			padding: 4px 15px;
			font-size: 14px;
			border-radius: 2px;
			display: flex;
			align-items: center;
		}
		.public_buttonSearch_content span{
			color: rgba(0,0,0,0.65);
			background-color: #fff;
			height: 32px;
			padding: 4px 15px;
			font-size: 14px;
			border-radius: 2px;
			display: flex;
			align-items: center;
			border: 1px solid #d9d9d9;
			/*margin-left: 10px;*/
		}


	</style>
</head>
<body>
	<form class="layui-form">
		<!-- 顶部提示框 开始 -->
		<div class="public_tipSetting_contaienr">
			<div class="public_tipSetting_content">
				<p>客户画像功能可以在企业微信PC侧边栏（或手机聊天工具栏）打开,用于记录用户的各种行为,更好的分析客户,此功能后续还将不断加强。</p>
				
				<svg t="1599462804099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8813" width="15" height="15"><path d="M512 102.4a409.6 409.6 0 1 0 409.6 409.6 409.6 409.6 0 0 0-409.6-409.6z m181.248 518.144a51.2 51.2 0 0 1-72.704 72.704L512 584.192l-108.544 109.056a51.2 51.2 0 0 1-72.704-72.704L439.808 512 330.752 403.456a51.2 51.2 0 0 1 72.704-72.704L512 439.808l108.544-109.056a51.2 51.2 0 0 1 72.704 72.704L584.192 512z" fill="" p-id="8814"></path></svg>
			</div>
		</div>
		<!-- 顶部提示框 结束 -->
	<div class="public_container">
		<!-- /*公共头部带搜索*/ -->
		<div class="public_content">
			<div class="public_title_container">
				<!--<a href="/Addons/QyWechat/Admin/Reply/quick_reply_steps.html" >应用配置</a>-->
				<a href="/Addons/CustomerPortrait/Admin/Portrait/index.html" class="public_title_active">客户画像</a>
				<!--<a href="/Addons/CustomerQrcode/Admin/CustomerQrcode/index.html">一客一码</a>-->
			</div>
			<div class="public_buttonSearch_container">
				<div class="public_buttonSearch_content">
					<!--<input type="text" id="toolbarUrl" value="{$toolbarUrl}" style=" position: fixed;  width: 5px;    top: -6px;   height: 6px;" readonly />-->
					<span class="layui-btn layui-btn-primary" onclick="copyToClip('{$toolbarUrl}')">复制工具栏URL</span>
				</div>
			</div>
			<!-- 新添加的说明部分 start -->
			<div class="publicExplainPage_container">
				<div class="publicExplainPage_successTips_container">
					<svg t="1622099029998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3139" width="28" height="28"><path d="M512 149.333333c200.298667 0 362.666667 162.368 362.666667 362.666667s-162.368 362.666667-362.666667 362.666667S149.333333 712.298667 149.333333 512 311.701333 149.333333 512 149.333333z m169.045333 191.04L455.317333 572.650667l-90.944-94.336-46.08 44.416 136.832 141.952 271.829334-279.722667-45.909334-44.586667z" p-id="3140" fill="#36c626"></path></svg>
					<p class="publicExplainPage_text">你已成功开通侧边栏功能，快去企业微信使用吧，在使用过程中如果遇到问题可以 </p>
					<a href="#" class="publicExplainPage_contact">联系客服</a>
				</div>
				<div class="publicExplain_line"></div>
				<div class="publicExplainPage_text_container">
					<h2 class="publicExplainPage_title">什么是客户画像？</h2>
					<p class="publicExplainPage_text">客户画像可以帮助企业敏捷完善地记录客户动态、客户标签和客户信息。更能轻松获取客户来源、客户的每次对话、客户是否打开文件等信息，帮助企业判断客户意向，精准运营客户，打造优质客户体验</p>
				</div>
				<div class="publicExplainPage_text_container">
					<h2 class="publicExplainPage_title">如何使用</h2>
					<p class="publicExplainPage_text">开通成功后，登录企业微信，在与客户的聊天对话框右侧点击侧边栏的图标，点击开始使用后即可使用</p>
					<img class="publicExplainPage_img" src="http://weidogstest.oss-cn-beijing.aliyuncs.com/cc434faeb2191e65e20e3d1bdadc03d8.png">
				</div>
				<div class="publicExplainPage_text_container">
					<h2 class="publicExplainPage_title">注意事项</h2>
					<span class="publicExplainPage_warning_text">因企业微信限制，侧边栏功能仅针对为该账号客户的外部联系人展示</span>
				</div>
				<div class="publicExplainPage_successTips_container">
					<p class="publicExplainPage_text">如果配置成功后在企业微信聊天页面没有出现侧边栏，请</p>
					<a href="#" class="publicExplainPage_contact">联系客服</a>
				</div>
			</div>
			<!-- 新添加的说明部分 end -->
		</div>
		</form>
		<!-- /*公共头部带搜索*/ end -->
	</div>
	
	<script src="/cdn/jquery.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/js/ajax.js"></script>
	<script type="text/javascript">
		$('.public_tipSetting_contaienr svg').click(function(){
			$('.public_tipSetting_contaienr').hide();
		})
		layui.use('form', function(){
		  var form = layui.form;
		  	
		  //监听提交
		  form.on('submit(formDemo)', function(data){
		    layer.msg(JSON.stringify(data.field));
		    return false;
		  });
		  form.render('select');
		  
		  form.on('select(type)', function(data){
			location.href="quick_reply.html?type="+data.value+"&name="+$('#name').val();
		  });
		});
		function searchName(){
			location.href="quick_reply.html?name="+$('#name').val()+"&type="+$('#type').val();
		}
		function del_quick_reply(id){
			if(confirm('确定删除吗？')){
				myAjaxPost(false, true, 'del_quick_reply.html', { id:id}, function (resp) {
						if (resp.status == 'success') {
							tusi(resp.msg);
							setTimeout(function(){
								location.reload();
							},500);
						}else{
							alert(resp.msg);
						}
					});
			}
		}
	</script>
	<script type="text/javascript">
		function copyToClip(content, message) {
			var aux = document.createElement("input"); 
			aux.setAttribute("value", content); 
			document.body.appendChild(aux); 
			aux.select();
			document.execCommand("copy"); 
			document.body.removeChild(aux);
			if (message == null) {
				layer.msg("复制成功");
			} else{
				layer.msg(message);
			}
		}
	</script>
</body>
</html>